<template>
    <div class="index">
        <ul>
            <li>
                <router-link :to="{ path: '/shuichang' ,query: { token: $route.query.token }}">
                <i class="iconfont icon-zilaishuichang"></i>
                <p>水厂</p>
                </router-link>
            </li>
            <li>
                <router-link :to="{ path: '/bengzhan' ,query: { token: $route.query.token }}">
                <i class="iconfont icon-bengzhan"></i>
                <p>供水泵站</p>
                </router-link>
            </li>
            <li>
                <router-link :to="{ path: '/wsbengzhan' ,query: { token: $route.query.token }}">
                <i class="iconfont icon-tisheng"></i>
                <p>污水泵站</p>
                </router-link>
            </li>
            <li>
                <router-link :to="{ path: '/wschang' ,query: { token: $route.query.token }}">
                <i class="iconfont icon-water_icon"></i>
                <p>污水厂</p>
                </router-link>
            </li>
            <li>
                <router-link :to="{ path: '/shuiyuan' ,query: { token: $route.query.token }}">
                <i class="iconfont icon-shuiyuan"></i>
                <p>水源</p>
                </router-link>
            </li>
            <li>
                <router-link :to="{ path: '/chuli' ,query: { token: $route.query.token }}">
                <i class="iconfont icon-ic_wait"></i>
                <p>农村生活污水处理终端</p>
                </router-link>
            </li>
        </ul>
        <!-- <iframe src="http://192.168.101.12:8201/#/clear" frameborder="0"></iframe> -->
    </div>
</template>

<script>
import utils from '@/utils'
import {
  getUserInfo,
  setUserInfo,
  logout
} from '@/utils/auth'
export default {
    data() {
        return {

        }
    },
    created(){
        setUserInfo(utils.getQueryString('token'))
        console.log(utils.getQueryString('token'))
    }
}
</script>
<style lang="less">
.index {
  ul {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
  }
  li {
    flex: 0 0 50%;
    text-align: center;
  }
  i {
    font-size: 5rem !important;
    color: #03a9f4;
  }
  p {
    color: #03a9f4;
    width: 5rem;
    margin: 0 auto 1rem
  }
}
</style>

